<script setup>
import {defineProps} from 'vue'


//子父组件传输数据Props
const props = defineProps({
    type:String
})

</script>
<template>
    <div class="grid-content ep-bg-purple first-1" >
        <i class="iconfont icon-yinhangqia right-1" v-if="props.type == '绑定银行卡'"></i>
        <i class="iconfont icon-3 right-2" v-if="props.type == '充值'"></i>
        <i class="iconfont icon-tixian3 right-3" v-if="props.type == '提现'"></i>
        <i class="iconfont  icon-tixian2 right-4" v-if="props.type == '向商户付款'"></i>

        <i class="iconfont  icon-saoma1 right-5" v-if="props.type == '扫码付款'"></i>
        <i class="iconfont  icon-svg- right-6" v-if="props.type == 'NFC支付'"></i>
        <i class="iconfont  icon-zhuanzhang right-7" v-if="props.type == '钱包转账'"></i>
        <i class="iconfont  icon-jiaoyijilu1 right-8" v-if="props.type == '交易记录'"></i>
        
        <i class="iconfont  icon-hongbao right-9" v-if="props.type == '收钱'"></i>
        <i class="iconfont  icon-zhanghao right-10" v-if="props.type == '个人中心'"></i>
        <div class="size">{{ props.type }}</div>
    </div>
</template>
<style scoped>
.first-1{
    width: 66px;
    /* position: relative; */
    margin-top: 10px;
    margin-left: 10px;
}
.size{
    font-size: 12px;
    text-align: center;
}
.right-1{
    text-align: center;
    margin-left: 15px;
    font-size: 30px;
    color: #e616;
}
.right-2{
    text-align: center;
    margin-left: 15px;
    font-size: 30px;
    color: #9e67d8;
}
.right-3{
    text-align: center;
    margin-left: 15px;
    font-size: 30px;
    color: #19fa28;
}
.right-4{
    text-align: center;
    margin-left: 15px;
    font-size: 30px;
    color: #ed1f;
}
.right-5{
    text-align: center;
    margin-left: 15px;
    font-size: 30px;
    color: #f494;
}

.right-6{
    text-align: center;
    margin-left: 15px;
    font-size: 30px;
    color: #f494;
}
.right-7{
    text-align: center;
    margin-left: 15px;
    font-size: 30px;
    color: #f494;
}
.right-8{
    text-align: center;
    margin-left: 15px;
    font-size: 30px;
    color: #f494;
}
.right-9{
    text-align: center;
    margin-left: 15px;
    font-size: 30px;
    color: #f494;
}
.right-10{
    text-align: center;
    margin-left: 15px;
    font-size: 30px;
    color: #f494;
}
.right-11{
    text-align: center;
    margin-left: 15px;
    font-size: 30px;
    color: #f494;
}
</style>